Normalize UI label capitalization to sentence case by justin808 · Pull Request #123 · shakacode/reactonrails.com

justin808 · 2026-06-05T04:26:17Z

What

Standardizes the remaining Title-Case nav, footer, and homepage button labels on sentence case — the convention already used by most action labels on the site and the modern default for UI copy (GOV.UK, Shopify Polaris, Atlassian, IBM Carbon, Material 3). Proper nouns stay capitalized.

Split out from #122 (demo naming + consultation CTA consistency) to keep each PR focused. The navbar consultation CTA was already sentence-cased in #122.

Changes (label text only)

Footer

Before	After
Documentation Guide	Documentation guide
Create a New App	Create a new app
Install into Existing Rails App	Install into existing Rails app
Quick Start	Quick start
Pro Pricing & Sign Up	Pro pricing & sign up

Homepage

Before	After
Browse Docs (hero)	Browse docs
Create App (card)	Create app
Install Into Rails (card)	Install into Rails
Upgrade To Pro (card)	Upgrade to Pro
OSS And Pro (card)	OSS and Pro

Proper nouns preserved: React on Rails, React on Rails Pro, OSS, RSC, Rails, GitHub, ShakaCode. Out of scope (left as-is): section headings/eyebrows (e.g. "Why Teams Use It") — those are content headings, a separate concern.

Verification

npm run build → [SUCCESS].
Diff is exactly 10 label lines across docusaurus.config.ts and src/pages/index.tsx; no logic or layout changes.

🤖 Generated with Claude Code

Note

Low Risk
Copy-only label updates in site config and homepage; no routing, logic, or security impact.

Overview
Aligns remaining footer and homepage nav/link labels with sentence case (e.g. “Documentation guide”, “Browse docs”, “Create app”) instead of title case, matching other UI copy on the site.

Updates are string-only in docusaurus.config.ts (five footer doc/More links) and src/pages/index.tsx (hero CTA plus four quick-start/value card titles). Proper nouns such as React on Rails, Pro, OSS, and Rails stay capitalized; routes and behavior are unchanged.

^{Reviewed by Cursor Bugbot for commit 7780c20. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Updated text capitalization across the homepage and footer navigation. Button labels, card titles, and section headers now use sentence-case formatting for improved consistency throughout the interface.

Standardizes the remaining Title-Case nav, footer, and button labels on sentence case, the convention already used by most action labels on the site (and the modern default for UI copy). Proper nouns stay capitalized (React on Rails, Pro, OSS, RSC, Rails, GitHub, ShakaCode). Footer: - Documentation Guide -> Documentation guide - Create a New App -> Create a new app - Install into Existing Rails App -> Install into existing Rails app - Quick Start -> Quick start - Pro Pricing & Sign Up -> Pro pricing & sign up Homepage: - Hero button "Browse Docs" -> "Browse docs" - Quick-start card titles: Create App / Install Into Rails / Upgrade To Pro -> Create app / Install into Rails / Upgrade to Pro - Value card "OSS And Pro" -> "OSS and Pro" The navbar consultation CTA was already sentence-cased in #122. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

coderabbitai · 2026-06-05T04:26:28Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: a59e2edd-1487-4691-9b0d-70e5bb1a1ea8

📥 Commits

Reviewing files that changed from the base of the PR and between 1ea5012 and 7780c20.

📒 Files selected for processing (2)

prototypes/docusaurus/docusaurus.config.ts
prototypes/docusaurus/src/pages/index.tsx

Walkthrough

The PR updates capitalization across the Docusaurus documentation site, standardizing UI text labels to sentence case. Footer navigation labels in docusaurus.config.ts and homepage UI copy in src/pages/index.tsx (hero button, quick start cards, value cards) are changed from title case to lowercase second words.

Changes

UI Text Capitalization Standardization

Layer / File(s)	Summary
Footer navigation labels `prototypes/docusaurus/docusaurus.config.ts`	Footer "Docs" menu labels (lines 160–168) and "More" section label (line 207) were changed to sentence case, e.g., "Documentation guide" and "Pro pricing & sign up".
Homepage UI text `prototypes/docusaurus/src/pages/index.tsx`	Quick Start card titles (lines 15–29), "OSS and Pro" value card title (line 49), and Hero section button label (line 167) were updated to sentence case capitalization.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

shakacode/reactonrails.com#103: Updates the Pro pricing link and label in the "More" footer section, addressing the same "Pro pricing & sign up" text target.
shakacode/reactonrails.com#122: Updates sentence-case capitalization for Docusaurus navigation and footer labels in the same configuration file.

Poem

🐰 Hop through the text with care so bright,
Sentence case makes the copy right!
From "Browse Docs" to "browse docs" we go,
Title caps fade, lowercase words now show.
A rabbit's touch on every word—consistency flows! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Normalize UI label capitalization to sentence case' directly and accurately summarizes the main change across the entire changeset—converting UI labels from title case to sentence case.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

Create stacked PR
Commit on current branch

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch style/sentence-case-ui-labels

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

greptile-apps · 2026-06-05T04:27:40Z

Greptile Summary

This PR converts ten UI label strings across the footer nav (docusaurus.config.ts) and homepage (index.tsx) from Title Case to sentence case, matching the convention already used by most action labels on the site and common modern design systems.

docusaurus.config.ts: Five footer labels updated (e.g. "Documentation Guide" → "Documentation guide", "Pro Pricing & Sign Up" → "Pro pricing & sign up"); proper nouns Rails and Pro correctly preserved.
src/pages/index.tsx: Five card/hero-button labels updated (e.g. "Create App" → "Create app", "OSS And Pro" → "OSS and Pro"); "Pro", "OSS", and "Rails" remain capitalized as proper nouns.

Confidence Score: 5/5

Safe to merge — the diff is purely label text; no logic, routing, or layout is touched.

All ten changed lines are string literals used only for display. Proper nouns (Rails, Pro, OSS) are correctly preserved in every case, and the updated labels are internally consistent with the sentence-case labels that already existed on the site. There is nothing here that could affect runtime behaviour.

No files require special attention.

Important Files Changed

Filename	Overview
prototypes/docusaurus/docusaurus.config.ts	Five footer nav labels converted from Title Case to sentence case; proper nouns (Rails, Pro) preserved correctly.
prototypes/docusaurus/src/pages/index.tsx	Five homepage card/button labels converted to sentence case; "Pro", "OSS", "Rails" proper nouns correctly kept capitalized.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[UI Label Text] --> B{Proper noun?}
    B -- Yes --> C[Keep capitalized e.g. Rails, Pro, OSS]
    B -- No --> D[Apply sentence case e.g. Quick start, Browse docs]
    C --> E[Final label]
    D --> E
    E --> F[docusaurus.config.ts 5 footer labels]
    E --> G[src/pages/index.tsx 5 homepage labels]

_{Reviews (1): Last reviewed commit: "Normalize UI label capitalization to sen..." | Re-trigger Greptile}

github-actions · 2026-06-05T04:48:54Z

Cloudflare preview deployed.

Branch: pr-123
URL: https://185914e7.reactonrails-com.pages.dev

…ck-start-prompts * origin/main: Normalize UI label capitalization to sentence case (#123) Restore footer consultation link (revert footer dedupe) Revise CTA consistency: keep intentional labels/destinations, dedupe footer Unify demo naming, live demo URL, and consultation CTA on marketing pages Point Gumroad demo at gumroad.reactonrails.com and add screenshot Point Octochangelog demo at changelog.reactonrails.com and add screenshot Show HiChee as a live React on Rails example # Conflicts: # prototypes/docusaurus/src/pages/index.tsx

coderabbitai Bot approved these changes Jun 5, 2026

View reviewed changes

justin808 deployed to pages-deploy June 5, 2026 04:34 — with GitHub Actions View deployment

justin808 merged commit c92b32a into main Jun 5, 2026
5 checks passed

justin808 deleted the style/sentence-case-ui-labels branch June 5, 2026 05:24

justin808 mentioned this pull request Jun 9, 2026

Feature AI prompts in home Quick Start + add /prompts page #125

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Normalize UI label capitalization to sentence case#123

Normalize UI label capitalization to sentence case#123
justin808 merged 1 commit into
mainfrom
style/sentence-case-ui-labels

justin808 commented Jun 5, 2026 •

edited by coderabbitai Bot

Loading

Uh oh!

coderabbitai Bot commented Jun 5, 2026 •

edited

Loading

❌ Failed checks (1 warning)

Uh oh!

greptile-apps Bot commented Jun 5, 2026

Uh oh!

github-actions Bot commented Jun 5, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

justin808 commented Jun 5, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What

Changes (label text only)

Verification

Summary by CodeRabbit

Uh oh!

coderabbitai Bot commented Jun 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Poem

❌ Failed checks (1 warning)

Uh oh!

greptile-apps Bot commented Jun 5, 2026

Greptile Summary

Confidence Score: 5/5

Important Files Changed

Flowchart

Uh oh!

github-actions Bot commented Jun 5, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

justin808 commented Jun 5, 2026 •

edited by coderabbitai Bot

Loading

coderabbitai Bot commented Jun 5, 2026 •

edited

Loading